<template>
  <div>
    1213
  </div>
</template>

<script setup>
import { onMounted, ref } from "vue";


const totalCountTarget = ref();
const city1 = ref();
const city2 = ref();
const city3 = ref();
const city4 = ref();
const city5 = ref();
const city6 = ref();

onMounted(() => {
  new CountUp(totalCountTarget.value, props.data.total).start();
  new CountUp(city1.value, props.data.hb).start();
  new CountUp(city2.value, props.data.db).start();
  new CountUp(city3.value, props.data.hd).start();
  new CountUp(city4.value, props.data.zn).start();
  new CountUp(city5.value, props.data.xn).start();
  new CountUp(city6.value, props.data.xb).start();
});
</script>

<style lang="scss" scoped></style>
